
root { 
    display: block;
}

.loginv2 {
	position: relative;
	margin: 0;
	outline: none;
	background: url(images/03b.png) #ccffff;
}


* {
	outline: none;
	margin:0;
	padding:0;
}

body {
	font:15px Calibri,Arial,sans-serif;
	color:#777;
	text-align: center;
}


#loginv2-page {
	width: 100%;
	height: 100%;
	position: relative;
}

#loginv2-container {
	width: 100%;
	height: 100%;
	position: relative;
}

#loginv2-main {
	width: 100%;
	height: 100%;
	position: relative;
}

#loginv2-banner {
	width: 748px;
	height: 40px;
	margin: 45px auto 0 auto;
	padding: 2px;
}

#loginv2-banner img {
	width: auto;
	height: 100%;
	float: left;
	margin-left: 15px;
}

#loginv2-news-outer {
	width: 890px;
	height: 468px;
	margin: 0 auto 0 auto;
}

.loginv2-news-arrow-container{
	height: 468px;
	width: 70px;
	float: left;
}

.loginv2-news-arrow{
	height: 100px;
	width: 70px;
	display: block;
	float: left;
	margin-top: 175px;
	cursor: pointer;
}
.loginv2-news-arrow[isleft="true"] {
	background: url(images/flow_arrow.png) no-repeat 0 0;
}
.loginv2-news-arrow[isleft="false"] {
	background: url(images/flow_arrow.png) no-repeat -70px 0;
}

.loginv2-news-arrow:active {
	opacity: 0.5;
}

#loginv2-news-view {
	width: 750px;
	height: 100%;
	overflow: hidden;
	float: left;
	-moz-box-shadow: 0px 0px 3px #000;
    -webkit-box-shadow: 0px 0px 3px #000;
	box-shadow: 0px 0px 3px #000;
}

#loginv2-news-container {
	width: 3160px;
	height: 468px;
	list-style: none;
	position: relative;
}

.login2-news-window {
	width: 750px;
	height: 468px;
	float: left;
	position: relative;
}

#loginv2-news-container h4 {
	font-size: 40px;
	color: rgba(255,255,255, 0.5);
	font-family:sans-serif;
}

.login2-news-window:active {
	-moz-box-shadow:inset 0 0 10px #000000;
	-webkit-box-shadow:inset 0 0 10px #000000;
	box-shadow:inset 0 0 10px #000000;
}

#loginv2-news-page0 {
	background: url(news-images/GB-wp1.jpg);
}

#loginv2-news-page1 {
	background: url(news-images/GB-wp2.jpg);
}

#loginv2-news-page2 {
	background: url(news-images/GB-wp3.jpg);
}

#loginv2-news-page3 {
	background: url(news-images/GB-wp4.jpg);
}

#loginv2-login-container {
	width: 100%;
	height: 20%;
	background: url(images/bg-thinstripe-dk.png) repeat rgba( 255, 255, 255, 0.6 );
}

#loginv2-login-container-center {
	width: 750px;
	height: 100%;
	margin: auto auto 0px auto;
	-moz-box-shadow: 0px 0px 3px #000;
    -webkit-box-shadow: 0px 0px 3px #000;
	box-shadow: 0px 0px 3px #000;
}


#loginv2-login-inputs {
	float: left;
	width: 60%;
	height: 100%;
	background: url(images/bg-thinstripe-dk.png) repeat rgba( 255, 255, 255, 0.6 );
}
#loginv2-login-buttons {
	float: left;
	width: 40%;
	height: 100%;
	position: relative;
}

.login-button:active {
	-moz-box-shadow:inset 0 0 10px #000000;
	-webkit-box-shadow:inset 0 0 10px #000000;
	box-shadow:inset 0 0 10px #000000;
}

#loginv2-login-login {
	float: left;
	width: 100px;
	height: 100%;
	background: #8ecbc0 url(images/bg-thinstripe-dk.png) repeat;
	cursor: pointer;
	color: white;
}
#loginv2-login-login:hover {
	background-color: #8ecbdd;
}

#loginv2-login-forget {
	float: left;
	width: 100px;
	height: 100%;
	background: #ea5a34 url(images/bg-thinstripe-dk.png) repeat;
	cursor: pointer;
	color: white;
}

#loginv2-login-forget:hover {
	background-color: #ff5a34;
}

#loginv2-login-register {
	float: left;
	width: 100px;
	height: 100%;
	background: #af3f2d url(images/bg-thinstripe-dk.png) repeat;
	cursor: pointer;
	color: white;
}

#loginv2-login-register:hover {
	background-color: #cc3f2d;
}


#loginv2-input-welcome {
	float: left;
	text-align: left;
	margin-left: 60px;
	font-size: 30px;
	font-weight: bold;
	text-shadow: 0px 0px 2px #222;
	width: 100%;
}

#loginv2-input-error {
	top: 20px;
	left: 270px;
	position: absolute;
	display: none;
}
#loginv2-input-error-tip {
	text-indent: 10px;
	font-weight: bold;
	width: 150px;
	color: white;
	text-shadow: 0px 0px 2px #222;
	padding: 5px;
	background:#d01900 url(images/messagebox_warning.png) no-repeat 7px 7px;
	-moz-box-shadow: 0px 0px 3px #000;
    -webkit-box-shadow: 0px 0px 3px #000;
	box-shadow: 0px 0px 3px #000;

}

#loginv2-input-error-arrow {
	width: 0;
	height: 0;
	left: 5px;
	border-top: 10px solid #d01900; 
	border-right: 10px solid transparent;
	position: relative;
}


#loginv2-input-boxes {
	position: relative;
}

.tips .arrow_down {
	background: url("images/layer_arrow_shadow.png") no-repeat -15px -19px;
	width: 14px;
	height: 10px;
	bottom: -6px;
	overflow: hidden;
	position: absolute;
	margin: 7px auto 0;
	display: block;
}

.loginv2-input {
	width: 150px;
	height: 15px;
	font-size: 15px;
	margin-top: 5px;
	margin-left: 10px;
	padding: 5px;
	border: 1px solid #CCC;
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.2);
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.2);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.2);
}
.loginv2-input:focus {
	border: 1px solid #CCC;
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.6),0 3px 0 rgba(255,255,255,0.9);
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.6),0 3px 0 rgba(255,255,255,0.9);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.6),0 3px 0 rgba(255,255,255,0.9);
}

.loginv2-login-button-text-capital {
	font-family:sans-serif;
	font-size: 60px;
	font-weight: bold;
	text-shadow: 0px 0px 3px #000;
}

.loginv2-login-button-text-normal {
	font-size: 15px;
	text-shadow: 0px 0px 1px #000;
	font-weight:bold;
}
body #register-form { font-family:sans-serif; }
#register-form p { font-size: 10px; font-style: italic; color: red; }
label, #register-form input { display:block; float: left; }
input.text { margin-bottom:12px; width:95%; padding: .4em; text-shadow: 0 0 2px #ccc; }
fieldset { padding:0; border:0; }
#reg_form { position:absolute; top: 40px; left: 1px; }
#reg_form_shadow { position:absolute; top: 40px; background-color: white; left: 1px; }
#reg_gender_set { margin: 0 auto 0 auto; display:block; }
.reg_gender[current='false'] { float: left; background:#eee url(images/bg-thinstripe-dk.png); color:#1c94c4; padding: 0.2em; cursor: pointer; width: 6em;
							   margin-right: 5px; border: 1px #1c94c4 solid; text-shadow: 0 0 2px #ccc; }
.reg_gender[current='true'] {float: left; background:#97cae6 url(images/bg-thinstripe-dk.png); color:#ffffff; padding: 0.2em; cursor: pointer; width: 6em;
							 margin-right: 5px; border: 1px #1c94c4 solid; text-shadow: 0 0 2px #fff; }
.first { margin-left: 22px; }
.ui-dialog-titlebar-close{ display: none; }
#reg-succ-dialog p { margin-top: 20px; }
#waiting-dialog p { margin-top: 20px; }
#waiting-dialog img { margin: 20px auto 0px auto; }
div#users-contain { width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }
input.reg_input { border: solid 1px #97cae6; background: url(images/input_bg.png) repeat; color: #000; }
input.reg_input_s { border: solid 1px transparent; background-color: transparent; }
.valid_s { background: url(images/valid.png) no-repeat; background-position: 95% center; }
.error { background: #ffffff url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
input:focus { -moz-box-shadow: 0px 0px 5px #97cae6; -webkit-box-shadow: 0px 0px 5px #97cae6; }
#register-form-agreements { position: relative; top: 200px; overflow: hidden; width: 335px;
							height: 30px; background:#ccc url(images/bg-thinstripe-dk.png);
							text-shadow: 0 0 2px #fff; font-size: 12px; color: #333; 
							-moz-box-shadow: 0px 0px 3px #000;
							-webkit-box-shadow: 0px 0px 3px #000;
							box-shadow: 0px 0px 3px #000; text-align: left; padding: 5px;
							margin: 0 auto 0 auto; font-family:monospace;
}
#register-form-agreements a { cursor: pointer; }